<template>
  <div class="nav-tab">
    <el-menu default-active="0000001" class="el-menu-vertical-demo stockMenu" collapse="true" router>
      <el-menu-item index="/stock">
         股票中心
      </el-menu-item>
      <el-menu-item index="/stockUD" class="green">
         涨跌排行
      </el-menu-item>
      <el-menu-item index="/stockUD" class="green">
         快速选股
      </el-menu-item>
      <el-menu-item index="/stockCategory" class="green">
        分类市场
      </el-menu-item>

      <el-menu-item index="/market" class="skyblue">
         沪深行情
      </el-menu-item>

      <el-submenu index="/indIvidualstock" class="yellow">
        <template slot="title">
          三大指数
        </template>
        <el-menu-item index="/market/0000001">
          上证指数
        </el-menu-item>
        <el-menu-item index="/market/1399001">
          深圳成指
        </el-menu-item>
        <el-menu-item index="/market/1399300">
          沪深300
        </el-menu-item>
      </el-submenu>
      <!-- <el-menu-item index="/market/0000001" class="orange">
         上证指数
      </el-menu-item>
      <el-menu-item index="/market/1399001" class="orange">
        深圳成指
      </el-menu-item>
      <el-menu-item index="/market/1399300" class="orange">
        沪深300
      </el-menu-item> -->

    </el-menu>
</div>
  
</template>

export default {
  data() {
    return {}
  },

}

<style>
.nav-tab ul li.el-menu-item.skyblue {
  border-left-color: #5bbadd;
}
.yellow {
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #d2e719;
}
.nav-tab ul.stockMenu{
  /* margin: 40px auto; */
  margin-left:20px !important;
}
</style>
